<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <link href="/resources/bootstrap-3.2.0-dist/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="/resources/bootstrap-3.2.0-dist/css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>

    <title>Create New Invoice</title>
    <link href="/resources/css/newInvoice.css" rel="stylesheet" type="text/css"/>
    <script src="/resources/javascript/createInvoice.js"></script>
</head>
<body>
<div th:include="common :: nav_bar"></div>

<div class="container">
    <div class="row">

        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-sm-2 control-label">Telephone No.</label>

                <div class="col-sm-4">
                    <input class="form-control" placeholder="Enter Tel no."/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">First Name</label>

                <div class="col-sm-4">
                    <input class="form-control" placeholder="Enter first name"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Last Name</label>

                <div class="col-sm-4">
                    <input class="form-control" placeholder="Enter last name"/>
                </div>

            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button class="btn btn-default" type="submit">Submit</button>
                </div>
            </div>
        </form>

    </div>
</div>

</body>
</html>
